<template>
    <section>
        <global-layout>
            <transition name="page-transition">
                <route-view></route-view>
            </transition>
        </global-layout>
    </section>
    
</template>
<script>
import GlobalLayout from '../pages/GlobalLayout.vue';
import RouteView from '@/components/layouts/RouteView';
export default {
    name:'BasicLayout',
    data(){
        return{};
    },
    components:{
        GlobalLayout:GlobalLayout,
        RouteView:RouteView
    }
}
</script>
<style lang="less">
.page-transition-enter {
    opacity: 0;
}

.page-transition-leave-active {
    opacity: 0;
}

.page-transition-enter .page-transition-container,
.page-transition-leave-active .page-transition-container {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
</style>